<template>
	<view>
		<cu-custom bgColor="bg-white">
			<block slot="content">用户中心</block>
		</cu-custom>
		
		<view class="cu-card article no-card padding-top-xs">
			<view class="cu-item shadow padding-top">
				<view class="content">
					<view class="desc text-center">
						<view class="flex align-center">
							<view class="flex-sub">
								<view class="cu-avatar xl round margin-left" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big99008.jpg);"></view>
							</view>
							<view class="flex-twice text-bold">三国卤起来</view>
							<view class="flex-treble text-right">
								<view class="text-grey">
									<text>小菜猿会员开卡</text><text class="cuIcon-right"></text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="cu-list menu margin-top-sm" >
			<view class="cu-item arrow shadow" @tap="coupon">
				<view class="content">
					<text class="cuIcon-redpacket text-orange"></text>
					<text>优惠券管理</text>
				</view>
			</view>
			<view class="cu-item arrow shadow" @tap="address">
				<view class="content">
					<text class="cuIcon-location text-orange"></text>
					<text>配送地址管理</text>
				</view>
			</view>
		</view>
		
		<view class="cu-card article no-card padding-top-xs">
			<view class="cu-item shadow padding-top">
				<view class="content">
					<view class="desc text-center text-grey">
						退出登录
					</view>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			coupon(){
				uni.navigateTo({
					url: 'coupon'
				})
			},
			address(){
				uni.navigateTo({
					url: 'address'
				})
			}
			
		}
	}
</script>

<style>

</style>
